import React, { Component } from "react";
import {Route, NavLink} from 'react-router-dom';
import GeDan from "../GeDan/GeDan";
import NewSong from "../NewSong/NewSong";
import Singer from "../Singer/Singer";

export default class MusicHall extends Component {
    render() {
        return (
            <>
                <ul className="nav">
                    <li><NavLink to="/home">首页</NavLink></li>
                    <li><NavLink to="/home/singer">歌手</NavLink></li>
                    <li><NavLink to="/home/xindie">新碟</NavLink></li>
                </ul>

                <Route path="/home" exact  component={GeDan} />
                <Route path="/home/singer"  component={Singer} />
                <Route path="/home/xindie"  component={NewSong} />
            </>
        );
    }
}
